<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>o2php</title>
<link rel="stylesheet" type="text/css" href="misc/css/reset.css"/>
<script type="text/javascript" src="misc/vendors/jquery/jquery_1.1.1.js"></script>
<!-- 这个非常特殊，interface只兼容jquery1.1.1  -->
</head>
<body > 
<script type="text/javascript" src="misc/vendors/jquery/interface/interface.js"></script>



<style type="text/css">
.ifxElement{
	background-color: #FFFF99;
	border-top: 1px solid #6CAF00;
	border-bottom: 1px solid #6CAF00;
	border-left: 1px dashed #6CAF00;
	border-right: 1px dashed #6CAF00;
	padding: 10px;
	position: relative;
	width: 200px;
	height: 200px;
	top: 60px;
	left: 100px;
	text-align: center;
	letter-spacing: 0px;
	overflow: hidden;
}
</style>
<div style=" margin-left:100px">
	<input type="button" value="test1" onclick="fntest('1')" /> 
	<input type="button" value="test2" onclick="fntest('2')" /> 
	<input type="button" value="test3" onclick="fntest('3')" /> 
	<input type="button" value="test4" onclick="fntest('4')" /> 
</div>
<div id="ifxElement" class="ifxElement">
	test image
	<img src="misc/images/loginbg.gif"  width="100%" />
	 <strong>Brasov</strong></a>
</div>


<script type="text/javascript">
function fntest(i){
	switch(i){
		case "1":
			$('#ifxElement').BlindToggleVertically(400, null, 'bounceout');return false;
			break;
		case "2":
			$('#ifxElement').Pulsate(300,3);return false;
			break;
		case "3":
			$('#ifxElement').Shake(2);return false;
			break;
		case "4":
			$('#ifxElement').SwitchVertically(500, null, 'bounceout');return false;
			break;
		default:
			
			break;
	}
	
}
</script>

</body>
</html>
